<div class="pannel">
    <div class="pannel-head" style="margin-bottom: 0;border: none;">
        <p>
            <span class="title">企业管理</span>
            <span class="count">/新建</span>
        </p>
        <a routerLink="/qy/list" class="back">
            返回
        </a>
    </div>
</div>
<!-- form -->
<form nz-form [formGroup]="validateForm" class="tour-form">
    <!-- 企业详情 -->
    <div class="form-pannel">
        <!-- 1 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 企业名称 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="name">企业名称</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业名称" id="name" name="name" formControlName="name" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 机构代码 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="code">机构代码</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入机构代码" id="code" name="code" formControlName="code" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 企业性质 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="natureType">企业性质</nz-form-label>
                    <nz-form-control>
                        <nz-select style="width: 170px" id="natureType" name="natureType" formControlName="natureType">
                            <nz-option *ngFor="let i of typeList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 2 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
             <!-- 企业法人 -->
             <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="legalPerson">企业法人</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业法人" id="legalPerson" name="legalPerson" formControlName="legalPerson" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 地址 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="address">地址</nz-form-label>
                    <nz-form-control>
                        <!-- <nz-select style="width: 25%" id="cityId" name="cityId" formControlName="cityId" (ngModelChange)="onChangeCity($event)">
                            <nz-option *ngFor="let i of cityList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                        <nz-select style="width: 25%" id="areaId" name="areaId" formControlName="areaId">
                            <nz-option *ngFor="let i of areaList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select> -->
                        <input nz-input placeholder="请输入地址" id="address" name="address" formControlName="address" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 邮政编码 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="zipcode">邮政编码</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入邮政编码" id="zipcode" name="zipcode" formControlName="zipcode" />
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 3 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
             <!-- 联系人 -->
             <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="securityDirector">联系人</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业法人" id="securityDirector" name="securityDirector" formControlName="securityDirector" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 联系电话 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="contactTel">联系电话</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入地址" id="contactTel" name="contactTel" formControlName="contactTel" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 联系邮箱 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="contactEmail">联系邮箱</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入邮政编码" id="contactEmail" name="contactEmail" formControlName="contactEmail" />
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 4 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
             <!-- 采集器编号 -->
             <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="collectorId">采集器编号</nz-form-label>
                    <nz-select style="width: 170px" id="collectorId" name="collectorId" formControlName="collectorId">
                        <nz-option *ngFor="let i of collectorList" [nzLabel]="i.model" [nzValue]="i.id"></nz-option>
                    </nz-select>
                </nz-form-item>
            </div>
        </div>
    </div>
    <!-- 创建按钮 -->
    <div class="cz">
        <a class="submit-btn" (click)="submit(validateForm.value)">创建</a>
        <a class="default-btn" routerLink="/qy/list">取消</a>
    </div>
</form>
<!-- 18*18  h:2.7米 4块版  18公分转角 -->